<template>
  <div class="address-wrap">
    <span class="iconfont icon-positioning"></span>
    <span class="title">{{title}}</span>
  </div>
</template>

<script>
  export default{
    name:'AddressDetail',
    props:{
      title:String
    }
  }
</script>

<style lang="scss" scoped="scoped">
 @import '~styles/mixins.scss';
 @import '~styles/variables.scss';

 .address-wrap {
   @include flex-row;
   width: 100%;
   height: $headerHeight;
   line-height: $headerHeight;
   padding-left: .16rem;
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;

   span{
     font-size: .14rem;
     color: #333333;
     margin-right: .16rem;
   }

   .title{
     @include ellipsis;
   }
 }
</style>
